<extend name="Public/layout"/>

<block name="body">

<div class="sub_banner" style="background:url(__IMG__/banner1.jpg) no-repeat center; height:300px;">
</div >

<div class="container1200">
            <div class="title aos-init aos-animate" data-aos="fade-up" data-aos-delay="50" data-aos-anchor-placement="top-bottom">
            <h3>{$category.title}</h3>
            <span>{$category.description}</span>
            </div>
<div class="favor-header-bar aos-init aos-animate" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-delay="50">
        <ul class="tabs tabs1" style=" text-align: center; margin-left:400px;">
        <volist name="navs" id="nav">
            <li class="<eq name='current_nav.id' value='nav.id' >default</eq>">
                <a href="javascript:void(0);"  hidefocus="true">{$nav.title}</a>
                <span class="sx"> </span>
            </li>
        </volist>
        </ul>
</div>
   <!-- slideTo tab -->
<div class="" style="margin-top:30px;">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
              <div class="mr_frbox">
                
                <div class="sub_news">
                    <div class="tempWrap" style="overflow:hidden; position:relative;">
                    <ul>
                    <article:list name="info" category="$category['id']" row="C('ROWS')">

                <li>
                    <a href="{:U('Article/detail/id/'.$info['id'])}"><div class="mr_img">
                        <img src="__IMG__/1.jpg"class=" an_img2"></div>
                        <h4>{$info.title}</h4>
                        <span>{$info.sub_title}</span>
                        <p>{$info.description}</p>
                    </a>
                 </li>

                    </article:list>
                       
                    </ul>
                    </div>
                </div>
                
                </div>  
             </div>
             
        </div>
</div> 
<article:page cate="$category['id']" listrow="C('ROWS')"/>

<!-- <div id="pageContainer" class="page">
                                <input type="hidden" class="pageSize" value="10">
                                <input type="hidden" class="totalPages" value="43">
                                <a href="#">首页</a>
                                   <a href="javascript:;" class="hover">1</a>
                                              <a href="#">2</a>
                                              <a href="#">3</a>
                                              <a href="#">4</a>
                                              <a href="#">5</a>
                                              <a href="#">下一页</a>
                                   <a href="#">尾页</a>
                                   
                 </div> -->
 </div>

</block>